<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ include file="index.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="Bookmark" href="favicon.ico" >
    <link rel="Shortcut Icon" href="favicon.ico" />

    <title>主页</title>
    <meta name="keywords" content="耶回收">
    <meta name="description" content="耶回收">
</head>
<body>

<!--_表格--开始-->
<section class="Hui-article-box">
    <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
        <span class="c-gray en">&gt;</span>
        订单管理
        <span class="c-gray en">&gt;</span>
        回收商品订单
        <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="showOrder2" title="刷新" >门店回收</a>
        <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="showOrder1" title="刷新" >上门回收</a>
        <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="showOrder" title="刷新" >快递回收</a>
        
       <!--  <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:void();" title="新增门店" 
        onclick="editStore('新增门店','editStore')"
        >新增门店</a> -->
        <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a>
         
    </nav>
    <div class="Hui-article">
        <article class="cl pd-20">
            <div class="text-c">
				<form action="showOrder3" method="post">
				
				
				
				<select name="status" class="select" style="width:100px;">
					<option value="0" >订单状态</option>
					<option value="1" <c:if test="${backOrder.status==1}">selected="selected"</c:if>>确认金额</option>
					<option value="2" <c:if test="${backOrder.status==2}">selected="selected"</c:if>>已付款</option>
					<option value="3" <c:if test="${backOrder.status==3}">selected="selected"</c:if>>用户确定金额</option>
					<option value="4" <c:if test="${backOrder.status==4}">selected="selected"</c:if>>商家确定金额</option>
				</select>
				
				
				         开始时间：<input type="date" name="beginDate" value="${backOrder.beginDate }" style="font-size:15px;" />
				         &nbsp;&nbsp;&nbsp;&nbsp;
				         结束时间：<input type="date" name="endDate" value="${backOrder.endDate }" style="font-size:15px;"  />
		           		 电话号码：<input type="text" class="input-text" style="width:150px" placeholder="手机号" value="${backOrder.phone }" id="" name="phone">
		           		  订单号码：<input type="text" class="input-text" style="width:150px" placeholder="输入订单号" value="${backOrder.oid }" id="" name="oid">
	                <i class="Hui-iconfont">&#xe665;</i><input type="submit" class="btn btn-success" value="搜商品" id="" name="">
                </form>
                
            </div>
           
            <div class="cl pd-5 bg-1 bk-gray mt-20">
				<span class="l">
				<a href="javascript:;" onclick="datadels()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a>
				</span>
                <span class="r">共有数据：<strong>${pageinfo.total }</strong> 条</span>
            </div>
            <div class="mt-20">
                <table class="table table-border table-bordered table-bg table-hover table-sort">
                    <thead>
                    <tr class="text-c">
                        <th width="25"><input type="checkbox" name="" value=""></th>
                        <th width="80">订单编号</th>
                        <th width="80">用户电话</th>
                        <th width="120">订单时间</th>
                        <th width="120">订单金额</th>
                        <!-- <th width="120">订单状态</th> -->
                        <th width="120">订单状态</th>
                        <th width="60">商品状态</th>
                        <th width="120">操作</th>
                    </tr>
                    </thead>
                    <tbody id="tb">
                    <tr class="text-c">
                    <c:forEach items="${pageinfo.list }"  var="list" >
                    	<tr class="text-c">
                    	
                       <td><input type="checkbox" value="${list.oid }" name=""></td>
                        <td ><a href="show3?oid=${list.oid }" style="color: blue;">${list.oid}</a></td>
                        <td>${list.phone }</td>
                        <td>${list.createtime }</td>
                         <td><a href="javascript:void();" onclick="editPrice('修改价格','editPrice?oid=${list.oid}')" style="color: blue;">${list.payment }</a></td>
                        <%-- <td><fmt:formatDate value="${list.createtime }" pattern="yyyy-MM-dd"/></td> --%>
                       <c:if test="${list.order_type==1}">
                       <td class="td-status"><span class="label label-success radius">回收订单</span></td>
                        </c:if>
                        <c:if test="${list.status==1}">                             
                        <td class="td-status" id="ss" style="cursor:pointer;"><span class="label label-default radius"  onclick="cf(${list.oid},this)">确认金额</span></td>
  
                        </c:if>
                        <c:if test="${list.status==2}">
                         <td class="td-status"><span class="label label-primary radius">已付款</span></td>
                        </c:if>
                         <c:if test="${list.status==3}">
                        <td class="td-status"><span class="label label-danger radius">用户确定金额</span></td>
                        </c:if>
                         <c:if test="${list.status==4}">
                        <td class="td-status" id="f4" style="cursor:pointer;"><span class="label label-danger radius" onclick="cfs(${list.oid},this)">商家确定金额</span></td>
                        </c:if>
                          
                      
                       <td class="f-14 td-manage">
                      <%--  <a style="text-decoration:none" class="ml-5"  href="edit?oid=${list.bid }" title="编辑"><i class="Hui-iconfont">&#xe6df;</i></a> --%>
                            <a style="text-decoration:none" class="ml-5" onClick="article_del(${list.oid})" href="javascript:;" title="删除"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
                      </tr> 
                      </c:forEach>   
                    </tbody>
                    
                  <thead>
                	<tr>
                		<th colspan="12"><p>共${pageinfo.pages}页</p>
						   <c:choose>
						    <c:when test="${pageinfo.pageNum==1}">
						    <a href="#">首页</a>
						    </c:when>
						    <c:otherwise>	
						    <a href="showOrder3?pageNum=1&status=${backOrder.status}&bname=${backOrder.bname}&backprice=${backOrder.backprice}">首页</a>
						    </c:otherwise>
						    </c:choose>
								<c:choose>
									<c:when test="${pageinfo.pageNum==1 }">
						    			<a href="#">上一页</a>
									</c:when>
									<c:otherwise>
										<a href="showOrder3?pageNum=${pageinfo.prePage}&status=${backOrder.status}&bname=${backOrder.bname}&backprice=${backOrder.backprice}">上一页</a>
									</c:otherwise>
								</c:choose>
								<c:choose>
									<c:when test="${pageinfo.pageNum==pageinfo.pages }">
						    			<a href="#">下一页</a>
									</c:when>
									<c:otherwise>
										<a href="showOrder3?pageNum=${pageinfo.nextPage}&status=${backOrder.status}&bname=${backOrder.bname}&backprice=${backOrder.backprice}">下一页</a>
									</c:otherwise>
								</c:choose>	
								<c:choose>
						    <c:when test="${pageinfo.pageNum==pageinfo.pages}">
						    <a href="#">最后一页</a>
						    </c:when>
						    <c:otherwise>	
						    <a href="showOrder3?pageNum=${pageinfo.pages}&status=${backOrder.status}&bname=${backOrder.bname}&backprice=${backOrder.backprice}">最后一页</a>
						    </c:otherwise>
						    </c:choose>
    					</th>
                	</tr>
                </thead>
                    
                </table>
            </div>
        </article>
    </div>
</section>
<!--_表格--结束--每个都不同>

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript">
/*批量删除*/
function datadels(){
	  console.log("-----进入批量删除的方法------");
	  var tds = new Array();
    //获取所有的tr标签元素集合
	   tds=document.getElementById("tb").getElementsByTagName("tr");
		  var td_s = new Array();
		 
		  for(var i=1;i<tds.length;i++){
		  var tdc =tds[i].getElementsByTagName("td")[0].getElementsByTagName("input")[0];
		  var tdcheck =$(tdc);
		  console.log(tdcheck.is(":checked"));
		  if(tdcheck.is(":checked")){
		    //如果td被选中 则td的id值放入数组中
			td_s.push(tdcheck.val());
		    
		 } 
		  } 
	   //判断是否有被选中删除的记录 
	   if(td_s.length>0){
		   //发出批量删除ajax 删除请求
		   layer.confirm('确认要删除吗？',{ btn: ["确定","取消"] },function(index){
	           $.ajax({
	               type: 'POST',
	               url: 'deleteOJBK',
	               data:{"oids":td_s},
	               dataType: 'json',
	               success: function(val){
	               	layer.close(index);
	               layer.msg("删除成功",{icon:1,time:2000});
	               	window.location.href = window.location.href;                	
	               },
	               error:function(data) {
	                   console.log(data.msg);
	               },
	           });
	       });
	   }else{ 
		   
		   layer.msg("请选择要删除的数据！",{time:2000});
		 
	   }
	   
} 
function editPrice(title,url,oid){
	
	var index = layer.open({
        type: 2,
        title: title,
        area: [400+'px',300 +'px'],
        shade:0.3,
        content:url,
        end:function(){
        window.location.reload();
        }
    });
}

function cfs(oid,s){
	var oid =oid;
	layer.confirm("确认要修改吗？",{btn:["确定","取消"]},function(index){
		 $.ajax({
	     type: "POST",
	     data:{oid:oid},
	     url: "pay",
	     dataType:"json",
	     success: function(data){
	     	if(data){
	     		
	     		/* $(s).html("等待用户确定金额"); */
	     		$(s).parent().append('<span class="label label-primary radius">已付款</span>');
	     		var cc=document.getElementById("f4");
	     		cc.style.cursor="";
	     		 $(s).remove(); 
	     		layer.msg("修改成功!");
	     	}else{
	     		layer.msg("修改失败!");
	     	}
	    
	     }
	 });
	});
	
}

function cf(oid,s){
    var oid =oid;
	layer.confirm("确认要修改吗？",{btn:["确定","取消"]},function(index){
		 $.ajax({
	      type: "POST",
	      data:{oid:oid},
	      url: "checkStatus",
	      dataType:"json",
	      success: function(data){
	      	if(data){
	      		
	      		/* $(s).html("等待用户确定金额"); */
	      		$(s).parent().append('<span class="label label-danger radius">用户确定金额</span>');
	      		var cc=document.getElementById("ss");
	     		cc.style.cursor="";
	      		 $(s).remove(); 
	      		layer.msg("修改成功!");
	      	}else{
	      		layer.msg("修改失败!");
	      	}
	     
	      }
	  });
	});

}

function editStore(title,url){
	
	   var index = layer.open({
           type: 2,
           title: title,
           area: [400+'px',400+'px'],
           shade:0.3,
           content:url,
           end:function(){
           window.location.reload();
           }
       });
   
    
}


</script>
<script type="text/javascript">
    $('.table-sort').dataTable({
        "aaSorting": [[ 1, "desc" ]],//默认第几个排序
        "bStateSave": true,//状态保存
        "aoColumnDefs": [
            //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
            {"orderable":false,"aTargets":[0,8]}// 不参与排序的列
        ]
    });

    /*资讯-添加*/
    function article_add(title,url,w,h){
        var index = layer.open({
            type: 2,
            title: title,
            content: url
        });
        layer.full(index);
    }
    /*资讯-修改*/
   /* function eidt(id){
        layer.confirm("确认要修改吗？",{btn:["确定","取消"]},function(index){
            $.ajax({
                type: "POST",
                url: "",
                data:{id:id},
                dataType:"json",
                success: function(data){
                	layer.close(index);
                   //$(obj).parents("tr").remove();
                   //layer.msg('已删除!',{icon:1,time:1000});
      
                    window.location.href=window.location.href;
                },
                error:function(data) {
                    console.log(data.msg);
                }
            });
        });
        
        
    } */

    /*资讯-删除*/
   function article_del(oid){
        layer.confirm("确认要删除吗？",{btn:["确定","取消"]},function(index){
            $.ajax({
                type: "POST",
                url: "delOrder",
                data:{oid:oid},
                dataType:"json",
                success: function(data){
                	layer.close(index);
                   //$(obj).parents("tr").remove();
                   //layer.msg('已删除!',{icon:1,time:1000});
      
                    window.location.href=window.location.href;
                },
                error:function(data) {
                    console.log(data.msg);
                }
            });
        });
        
        
    }

    /*资讯-审核*/
    function article_shenhe(obj,id){
        layer.confirm('审核文章？', {
                btn: ['通过','不通过','取消'],
                shade: false,
                closeBtn: 0
            },
            function(){
                $(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="article_start(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
                $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
                $(obj).remove();
                layer.msg('已发布', {icon:6,time:1000});
            },
            function(){
                $(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="article_shenqing(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
                $(obj).parents("tr").find(".td-status").html('<span class="label label-danger radius">未通过</span>');
                $(obj).remove();
                layer.msg('未通过', {icon:5,time:1000});
            });
    }
    /*资讯-下架*/
    function article_stop(obj,id){
        layer.confirm('确认要下架吗？',function(index){
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="article_start(this,id)" href="javascript:;" title="发布"><i class="Hui-iconfont">&#xe603;</i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已下架</span>');
            $(obj).remove();
            layer.msg('已下架!',{icon: 5,time:1000});
        });
    }

    /*资讯-发布*/
    function article_start(obj,id){
        layer.confirm('确认要发布吗？',function(index){
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="article_stop(this,id)" href="javascript:;" title="下架"><i class="Hui-iconfont">&#xe6de;</i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
            $(obj).remove();
            layer.msg('已发布!',{icon: 6,time:1000});
        });
    }
    /*资讯-申请上线*/
    function article_shenqing(obj,id){
        $(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">待审核</span>');
        $(obj).parents("tr").find(".td-manage").html("");
        layer.msg('已提交申请，耐心等待审核!', {icon: 1,time:2000});
    }
</script>

</body>
</html>